<html>
<head>
<meta charset="utf-8">
	<title>请登录~~</title>
<style type="text/css">
.top{
		width: 100%;height: 80px;background: #B10000;
		     }
	 .them{ font-family:"萌妹爱仓鼠智能机中文字体";
     font-size:50px;
	 font-style:italic;
	 margin-left:20px;
     color:#000000;}
	.div1Login
{
	width:800px;
	height:360px;
	top:40px;
	position:relative;
	margin:auto;
	margin-bottom:45px;
	/*border:1px dashed #00F;*/
}

.div11Login
{
	float:left;
	height:320px;
	width:324px;
	position:relative;
	/*background-color:#0F0;*/
	
}

.div111Login
{
	background-image:url(images/Login_top.gif);
	width:324px;
	height:36px;
	left:0px;
	top:0px;
	position:absolute;
}

.div112Login
{
	background-image:url(images/Login_left.gif);
	width:21px;
	height:254px;
	left:0px;
	top:36px;
	position:absolute;
}

.div113Login
{
	width:278px;
	height:254px;
	top:36px;
	left:21px;
	position:absolute;
	background-color:#FFFFF7;
}

.div114Login
{
	background-image:url(images/Login_right.gif);
	width:21px;
	height:254px;
	top:36px;
	left:303px;
	position:absolute;
}

.div115Login
{
	background-image:url(images/Login_bottom.gif);
	width:324px;
	height:30px;
	top:290px;
	left:1px;
	position:absolute;
}

.div12Login
{
	font-family:"宋体";
	margin-top:30px;
	margin-left:10px;
	text-align:left;
	font-size:12px;
	color:#414141;
	height:290px;
	width:420px;
	float:left;
	/*background-color:#0FF;*/
}

.div121Login
{
	width:80px;
	height:70px;
	text-align:center;
	vertical-align:middle;
	/*border:1px solid #F00;*/
	display:inline-block;
}

.div122Login
{
	height:70px;
	width:330px;
	/*border:1px solid #00F;*/
	float:right;
	line-height:20px;
}
.span1Login
{
	margin:25px;
	display:block;
	color:#414141;
	font-size:12px;
}

.span2Login
{
	display:block;
	color:#414141;
	font-size:12px;
	margin:25px;

}

.btn1Login
{
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:100px;
	height:33px;
	background-image:url(images/login-sm2.gif);
	border:0px;
}

.btn1Login:hover
{
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:100px;
	height:33px;
	background-image:url(images/login-sm1.gif);
	border:0px;

}

.btn2Login
{
	margin:auto;
	margin-top:10px;
	background-image:url(images/login-1.gif);
	width:158px;
	height:26px;
	border:0px;
	margin-left: 70px;
}

.txtLogin
{
	margin-top:40px;
	width:150px;
	height:16px;
}

.pwdLogin
{
	width:150px;
	height:16px;
}
.footer{
	background:url(images/footer.png);
	width:100%;
	 height:60px;
	 position: fixed;
	bottom: 0;
}
.shu{
	color:#ffffff; 
	font-size:18px; 
	text-align:center;   }



</style>


</head>

<body>



<!-- InstanceBeginEditable name="EditRegion3" -->


<div class="top">
<p class="them">COFFEE</p></div>
<!--中间内容开始-->
<div class="div1Login">
	<div class="div11Login">
    	<!--top-->
    	<div class="div111Login"></div>
        <!--left-->
        <div class="div112Login"></div>
        <!--center-->
        <div class="div113Login">
        	<span class="span1Login">会员名：<input class="txtLogin" type="text" /></span>
            <span class="span2Login"><span style="margin-right:10px">密</span>码：<input class="pwdLogin" type="password" /></span>
            <input type="button" value="登录" class="btn1Login" />
            <input type="button" class="btn2Login" />
        </div>
        <!--right-->
        <div class="div114Login"></div>
        <!--bottom-->
        <div class="div115Login"></div>
    </div>
    <div class="div12Login">
    	<div class="div121Login">
    		<img src="images/pic1.jpg" />
        </div>
        <div class="div122Login">
        	<font style="font-weight:bold; color:#FF7000; display:block">个人中心</font>
            There was a smell of coffee pervading the atmosphere
        </div>
        <div class="div121Login">
        	<img src="images/pic2.jpg" />
        </div>
        <div class="div122Login">
        	<font style="font-weight:bold; color:#FF7000; display:block">查找</font>
            选择一杯你最爱的咖啡
        </div>
        <div class="div121Login">
        	<img src="images/pic3.jpg" />
        </div>
        <div class="div122Login">
        	<font style="font-weight:bold; color:#FF7000; display:block">加入购物车</font>
            收藏您的最爱
        </div>
        <div class="div121Login">
        	<img src="images/pic4.jpg" />
        </div>
        <div class="div122Login">
        	<font style="font-weight:bold; color:#FF7000; display:block">意见反馈</font>
          留下您真挚的意见
        </div>
    </div>
</div>
<!--中间内容结束-->
<div class="footer">           
		 <p class="shu">计算机科学与技术系<br>14110100731李簿原<a href="coffe.html" title="李簿原" target="_blank">@neusoft</a></p>
	</div>	

</body>
<!-- InstanceEnd --></html>
